<template>
<!--    <IndexDef v-if="indexStyle===0"></IndexDef>-->
<!--    <IndexChart v-if="indexStyle===1"></IndexChart>-->
<!--    <IndexBdc v-if="indexStyle==2"></IndexBdc>-->
<!--    <IndexTask v-if="indexStyle==3"></IndexTask>-->
  <IndexManager v-if="indexStyle===4"></IndexManager>
  <IndexAnalysis v-if="indexStyle===5"></IndexAnalysis>
  <IndexCustomer v-if="indexStyle===6"></IndexCustomer>

    <div style="width: 100%;text-align: right;margin-top: 20px">
        请选择首页样式：
        <a-radio-group v-model:value="indexStyle">
<!--            <a-radio :value="0">默认</a-radio>-->
<!--            <a-radio :value="1">销量统计</a-radio>-->
<!--            <a-radio :value="2">业务统计</a-radio>-->
<!--            <a-radio :value="3">我的任务</a-radio>-->
          <a-radio :value="4">管理面板</a-radio>
          <a-radio :value="5">分析员面板</a-radio>
          <a-radio :value="6">客户面板</a-radio>
        </a-radio-group>
    </div>
</template>

<script lang="ts" setup>
    import {ref} from 'vue';
    import IndexAnalysis from './homePage/IndexAnalysis.vue';
    import IndexCustomer from './homePage/IndexCustomer.vue';
    import IndexManager from "/@/views/dashboard/Analysis/homePage/IndexManager.vue";
    // import IndexDef from './homePage/IndexManager.vue';
    // import IndexChart from './homePage/IndexChart.vue';
    // import IndexBdc from './homePage/IndexBdc.vue';
    // import IndexTask from './homePage/IndexTask.vue';

    const indexStyle = ref(4);

</script>
